* { margin: 0; padding: 0; }
body, textarea { font-family: "Trebuchet MS", "Palatino Linotype", serif;}
.tip, .copyright, .text form, .serv, .menu, .control { font-family: "Arial", sans-serif; }
a { text-decoration: none; border-bottom: 1px solid; color: #00C; }
a:visited { color: #909; }
a:hover, a:active { color: #C00;}
a img { border: none !important; }

#chapter, #person, hr { border:none; border-top: 5px solid #CCC; width: 50%; padding: 0 0 0 1em; }
hr { padding: 0; margin: 0 0 0 -1em; text-align: left; height: 5px;}

.tab { margin-right: 0.5em; border: none; padding: 0 0.25em 0 0.25em; }
.selected { background: #CCC; }

h1 { margin: 0.25em 0 0.5em 0; }
h2 { margin: 1.5ex 0 0 0; }
h3 { margin: 1.5ex 0 0 0; }
h4 { margin: 0.5ex 0 0 0; }

p { margin: 0 0 0.5em 0; }

.text a.block { border: none; color: #000; display: block; padding: 0.15em; position: relative; 
border: 1px solid #FFF; }
.text a .tip { display: block; visibility: hidden; position: absolute; right: 0; top: 0;
color: #999; background: #FFF; padding: 5px; font-size: 12px; font-weight: bold;
border-bottom: 1px solid #CCC; cursor: pointer; 
border-left: 1px solid #CCC; 
}
.info a, .info a:hover, .info a:active { background: none; border-top: none; border-left: none; border-right: none; }

.text a.block:hover, .text a.block:active { border: 1px solid #CCC;  }
.text a:hover .tip, .text a:active .tip { visibility: visible; }

form { font-weight: normal; color: #666; font-size: 110%;}
form input { font-weight: normal; margin: 0.15em 0.15em 0.15em 0; padding: 0.25em;}
form textarea { margin: 0; width: 99%;  }

.part { position: relative; width: 100%; border: 1px solid #FFF; z-index: 1;}

.part.over { border: 1px solid #CCC; z-index: 2; cursor: pointer;}
.part.hold {  }
.control { display:none; position:absolute; right: 0; top: 0; padding: 0.65em; 
font-weight: bold; font-size: 80%; color: #999; background: #FFF; 
border: 1px solid #CCC; margin: -1px -1px 0 0; }
.over .control { display: block; }

.part ul { position: absolute; left: 100%; top: 0; margin: -1px 0 0.15em 1em; width: 90%; 
list-style-type: none; padding: 0.15em 0.15em 0.15em 0.25em; 
border: #999 1px dotted; background: #FFC; }
.part ul li { display: block; margin: 0 0 0.75em 0; }
.info { font-size: 75%; color: #999; }

.error .info { font-size: 100%; color: black; }
.error .info a { display: inline; border-bottom: 1px solid #00C; color: #00C; }
.error .info a:visited { color: #909; border-bottom-color: #909; }
.error .info a:hover, .error .info a:active { color: #C00; border-bottom-color: #C00; }

.changes { position: absolute; left:100%; top: 0; margin: -1px 0 0 0px; padding: 0 1px 0 0; font-size: 250%;
border: none; line-height: 1em; color: #CCC; }
.changes:visited { color: #CCC; }
.changes img { position: absolute; top: 3px; width: 0.425em; height: 0.425em; border: none; }
.opened { border: 1px dotted #999; border-right: none; background: #FFC; margin-right: 1px; }
.part.over .opened { border-left-color: #FFC; }

del { text-decoration: line-through; background: #FCC; }
ins { background: #CFC; text-decoration: none;}
ins ins { background: #FFC; text-decoration: none; }

.error { color: #C00; }
.notice { color: #060; }

p.copyright { clear: both; background: #EEE url('../img/favicon.gif') no-repeat 10px 1em; 
padding: 1em 1em 1em 55px; clear:both; margin: 3em 0 0 0; 
font-size: 75%; width: 25em; border: 1px solid #DDD; border-left: none; }

.menu { background: #EEE; height: 3.5ex; position: relative; 
border-bottom: 1px solid #DDD; color: #CCC; font-size: 90%; }
.menu .leftside { position: absolute; left: 0; top: 0; bottom: 0;}
.menu .rightside { position: absolute; right: 1px; top: 0; bottom: 0; }
.menu a { color: #999; border:none; border-right: 1px solid #EEE; border-left: 1px solid #EEE; }
.menu span { color: #000; background-color: #FFF; 
border-right: 1px solid #CCC; border-left: 1px solid #CCC; display: block; 
border-bottom: 1px solid #FFF; }
.menu a, .menu span { padding: 1.25ex 0.5em 0.75ex 0.5em; margin: -0.5ex 0 0 0; float: left; display: block; 
height: 2ex; }
* html .menu a, * html .menu span { padding-bottom: 0.6ex; }
.menu a:hover { color: #C00; }
.menu a.person { background: url('../img/person.png') no-repeat 1px 1.25ex; padding-left: 16px; }
.menu a.person:hover { background: url('../img/person-hover.png') no-repeat 1px 1.25ex; }
.menu span.person { background: #FFF url('../img/person.png') no-repeat 1px 1.25ex; padding-left: 16px; }

.inline { display: inline !important;}

.deleted { background: #FCF; height: 1em; }

.help { float: right; margin: 14ex 1px 0 0; width: 40%; }
.help a { border-bottom-style: none; color: #CCC; display: block; float: right; padding: 0 0.25em 0 0.25em;
border: 1px solid #FFF; font-size: 300%; margin: 2px 1px 0 0; }
.help a:hover, .help a:active { color: #C00;  }
.help .content { display: none; border: 1px solid #CCC; padding: 0.5em; }
.help .content ul { margin: 0 0 1em 2em; }

code { background: #FFC; }

.breadcrump { font-size: 75%; margin: 0 0 0 0.65em; color: #666; text-align:right;}
.breadcrump a { }

.pages .label { float: left; }
.pages ul { float: left; }
.pages ul li { float: left; padding: 0 0.5em 0 0; }
.pages ul li a:hover { background: #EEE; }
.pages ul li span { background: #EEE; }

.ad { margin: 1ex 0 2ex 0; }

.mybookmarks { position: absolute; width: 10em; margin: 10px 10px 0 0; right: 0; padding: 1ex; background: #EEE; }
.mybookmarks a { border: none; }
